草庐IT

DOM 封装

全部标签

javascript - 嵌入式 Flash 对象能否访问其父文档的 DOM?

我只是好奇Flash对象是否有可能访问嵌入它的文档的DOM。 最佳答案 是的,通过ExternalInterface类。您可以从Flash影片中调用Javascript并取回您想要的页面的任何公共(public)信息。附录一年半后看这个,我决定添加一些例子:假设您的客户端页面上有这样一个JS函数:functionfoo(bar,type){//dosomethingwithbarandtype}您可以像这样从Flash(使用AS3)调用它:ExternalInterface.call(foo,bar,type);请注意,函数名称是第

javascript - 窗口调整大小触发的 DOM 事件

我的页面布局相当复杂。最初打开页面时,某些元素的对齐有问题。但是,可以通过更改浏览器窗口的大小(永久地)解决此问题。显然我不希望用户必须调整浏览器窗口的大小才能使页面正确显示,所以我想知道是否有一种方法可以在页面首先加载?更新我发现以下代码将触发附加到窗口调整大小事件的任何处理程序:if(document.createEvent){//W3Cvarev=document.createEvent('Event');ev.initEvent('resize',true,true);window.dispatchEvent(ev);}else{//IEdocument.fireEvent('

javascript - 从 DOM 中删除同级元素时创建 block 元素的平滑过渡

我有一个容器,其工作方式类似于macos中的通知-元素被添加到队列并在特定超时后删除。这很好用,但有一个不和谐的视觉副作用。当它们从DOM中移除时,UI会出现参差不齐的更新,因为堆栈中的下一个元素会填充前一个元素所造成的空白。我希望堆栈中下面的元素能够顺利地向上移动到该空间,最好使用css3,但添加一个transition:all0.5sease-in-out到.notice当其兄弟被移除时,类对该对象没有影响。最小的JS交互:$('#add').click(function(e){e.preventDefault();$('#container').append('Notice#')

DOM元素数组的Javascript拼接

varmyArray=[];myArray=document.querySelectorAll('.selected');当我调用myArray.splice-它是未定义的。我怎样才能避免这种情况?我需要从该数组中删除一些DOM元素。 最佳答案 问题是querySelectorAll(..)返回一个节点列表(NodeList)--而不是标准的JS数组。也许你想要像下面这样的东西:Array.prototype.slice.call(document.querySelectorAll('.selected'),,);更新我错过了您要删

javascript - FireBug DOM 颜色是什么意思?

我对这些颜色感到困惑。我注意到在FireBugDOM树的左侧栏中显示了4种颜色:粗体黑色黑色大胆的绿色绿色在右侧栏中:蓝色红色大胆的绿色绿色代表对象结构的多个颜色元素。这些颜色代表什么?为什么,例如,我可以访问window.document.URL而我不能访问控制台中的window.document.body,即使它们都在DOM树中的“非粗体黑色”类别中?非常感谢 最佳答案 这是正确答案。BoldBlackObjectsBlackDOMobjectsgetingray"Getter"functionsBoldgreenUserfun

javascript - phantomjs/casperjs 计算 DOM 元素

我想计算具有“nice”类的div元素的数量。我有选择器div.nice,但不知道要使用哪个casperjs类/方法。有一个tester.assertElementCount方法,但是有什么东西可以简单地返回元素的数量吗? 最佳答案 只是document.querySelectorAll("div.nice").length 关于javascript-phantomjs/casperjs计算DOM元素,我们在StackOverflow上找到一个类似的问题: h

AD新建工程&快速绘制PCB封装

目录一、准备工作一、新建项目 二、PCB建库一、准备工作一、新建项目1、“文件” ->“新的”->项目:默认设置即可,选择工程存放的路径2、新建原理图、PCB、原理图库、PCB库 二、PCB建库画封装主要有四个步骤:1.元件起名、2.放置引脚、3.放置丝印、4.放置3D外框    顶层TopLayer:画元器件的引脚(PAD)    丝印层TopOverlay:画外框    机械层Mechanical:画上一个3D外形在PCBLibrary👇         在顶层👇 只选四个引脚                 这样只会批量修改四个引脚CTRL+M可测量间距          在丝印层👇  

javascript - jQuery 在特定元素之后获取 DOM 中的下一个匹配项

我不想承认这一点,但我一直在努力弄清楚如何做到这一点。例如假装你有以下结构:......我在与上面的突出显示“foo”节点相关的jQuery事件处理程序中。我想找到“下一个”img元素,它是一个“foo”。不过有两个问题。我只想选择DOM中比我所在的当前节点更远的“foo”元素(例如,不需要“前一个”foo和当前foo)虽然我已将嵌套显示为遵循精确的模式,但生成的代码是/可以嵌套在任何级别。..因此我不能只做.parent().parent().parent().siblings().find()...等。如果您可以想象,每次浏览器向DOM添加一个节点时,它都会递增一个计数器并为该节点

javascript - 我怎样才能 "upgrade"DOM 中的 jQuery 版本?

在与客户进行现场交流时,我提议升级客户正在使用的jQuery版本(即从jQuery1.5升级到1.11)。客户不太关心他们的TimeGlider版本将与较新的jQuery不兼容。我不熟悉TimeGlider,所以他们(使用Chrome)浏览到一个带有TimeGlider的页面向我演示。我想我会使用开发人员工具“升级”DOM的jQuery库,以立即解决问题。我知道onewaytoimportthejQuery1.11library,但这种技术需要一种简单的方法来首先删除旧的jQuery版本。也许有更好的方法。当然,在源代码中进行编辑很简单,但我真的很想通过开发人员工具在DOM中进行。如何

javascript - 检测 DOM 元素顺序的变化

我有以下代码:RandomtextRandomtext并且,使用代码,我有50%的机会更改div中元素的顺序。$(document).ready(function(){varinitial=$("div");//Thismightnotbeokif(newDate()%2)//50%chancetorandomizeorderrandomizeOrder();varafter=$("div");//Alsothismightnotbeok//Detectiftheorderofspanschangedif(after!=initial)//Definitelywon'tworkcons